export let animateTypes = {
  custom: {
    showDuration: 0,
    frames: [],
  },
  not: {
    showDuration: 0,
    frames: null,
  },
  leftRight: {
    showDuration: 560,
    frames: [
      {
        x: -10,
        duration: 100,
      },
      {
        x: 10,
        duration: 80,
      },
      {
        x: -10,
        duration: 50,
      },
      {
        x: 10,
        duration: 30,
      },
      {
        x: 0,
        duration: 300,
      },
    ],
  },
  upDown: {
    showDuration: 560,
    frames: [
      {
        y: -10,
        duration: 100,
      },
      {
        y: 10,
        duration: 80,
      },
      {
        y: -10,
        duration: 50,
      },
      {
        y: 10,
        duration: 30,
      },
      {
        y: 0,
        duration: 300,
      },
    ],
  },
  heart: {
    showDuration: 500,
    frames: [
      {
        scale: 1.1,
        duration: 100,
      },
      {
        scale: 1,
        duration: 400,
      },
    ],
  },
  success: {
    showDuration: 500,
    frames: [
      {
        background: '#389e0d22',
        color: '#237804',
        duration: 500,
      },
    ],
  },
  warning: {
    showDuration: 1100,
    frames: [
      {
        color: '#fa8c16',
        lineDash: [10, 10],
        duration: 300,
      },
      {
        color: '#fa8c16',
        duration: 500,
      },
      {
        color: '#fa8c16',
        lineDash: [10, 10],
        duration: 300,
      },
    ],
  },
  error: {
    showDuration: 100,
    frames: [
      {
        color: '#cf1322',
        background: '#cf132222',
        duration: 100,
      },
    ],
  },
  show: {
    showDuration: 300,
    frames: [
      {
        color: '#fa541c',
        rotate: -10,
        duration: 100,
      },
      {
        color: '#fa541c',
        rotate: 10,
        duration: 100,
      },
      {
        color: '#fa541c',
        rotate: 0,
        duration: 100,
      },
    ],
  },
  rotate: {
    showDuration: 1000,
    frames: [
      {
        rotate: 360,
        duration: 1000,
      },
    ],
  },
};
export type AnimateTypes = keyof typeof animateTypes;
